/* CSS Document */

* { margin:0; padding:0;}
body { min-width:890px; background:url(../images/body-bg.gif) top center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#817a7a;}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

.main-bg{ background:#fff;}
.top-tail{ background:url(../images/top-tail.gif) top repeat-x;}
.main-width { width:940px; margin:0 auto; text-align:left;}

input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden; margin-top: -20px;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#7fb212; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

/* ============================= header ====================== */
#header{ padding-bottom:12px; font-size:13px; line-height:17px;}
#header .top{ width:100%; overflow:hidden; height:39px;}

#header .cart{ float:left; color:#464545; padding:4px 0 0 0;}
#header .cart a{ color:#464545; text-decoration:none; font-weight:bold;}
#header .cart span{ display:inline-block; background:url(../images/cart-bg.gif) no-repeat 0 0; width:96px; text-align:center; padding:8px 0 10px 0; vertical-align:middle;}
#header .cart span a{ font-weight:normal;}
#header .cart a:hover{ color:#7fb212;}

#header .nav-links{ float:right; padding:12px 0 5px 5px;}
#header .nav-links a{ color:#6a7078; text-decoration:none;}
#header .nav-links a:hover{ color:#7fb212;}

#header .lang{ float:right; padding:12px 14px 5px 10px; background:url(../images/top-separ.gif) no-repeat 0 11px;}
#header .logo{ padding:38px 0 0 0px; float:left;}
#header .search{ float:right; padding:47px 2px 0 0;}
#header .search input[name = q]{width:500px; padding:5px;}
#header .search input[type = submit]{padding:3px;}

#header .menu{ width:100%; overflow:hidden; margin:12px 0 0 0; padding:3px 0 6px;}
#header .menu ul{ padding:0; margin:0 -25px 0 0; float:left;}
#header .menu li{ float:left; font-size:17px; line-height:20px; text-transform:uppercase; font-weight:bold; padding:0 22px 0 23px; background:url(../images/menu-separ.gif) no-repeat 0 4px;}
#header .menu .li_un{ background:none; padding-left:0px;}
#header .menu li a{ color:#353535; text-decoration:none;}
#header .menu li a:hover, #header .menu li.selected a{ color:#7fb212;}

/* ============================= content ===================== */
#column-center{ padding:0 0 10px 20px;}

.product-col{ padding-bottom:16px;}
.product-info{ padding:10px 2px 0 5px;}
.name{ font-size:15px; color:#817a7a; text-decoration:none; font-weight:normal;}
.name strong{ font-weight:normal;}
.name:hover{ color:#7fb212;}
.name-container{ padding-bottom:5px; }

.product-col .name{ font-size: 12px; font-weight: bold; }
.price{ font-size:13px; color:#353535; font-weight:bold; vertical-align:top;}
.button{ float: right; margin-right: 10px; }
.image{ display:inline-block; border:solid 1px #ebebeb;}
.product-col .image img { max-width: 150px; padding: 5px; border: 1px solid #ddd; }

.orderForm { background-color:#7FB212; width: 450px; margin:20px 0 80px 0; padding:20px; color:#fff; font-size:12px; }
.orderForm p { margin:10px 0; }
.orderForm p.description { margin:0 0 15px 0; font-weight:bold; }
.orderForm label { display:block; width:100px; float:left; }
.orderForm input[type = text] { padding:2px; width:300px; }
.orderForm input[type = submit] { float:right; padding:3px; }

#message { position:fixed; margin:0 auto; top:0px; padding:5px; border:1px solid #444; border-top:none; border-left:none; background-color:#7FB212; border-radius:0 0 3px 0; color:#fff; font-size:12px; font-weight:bold; }

/* ============================= footer ====================== */
#footer{ background:url(../images/body-bg.gif) top center; padding:31px 0 27px; color:#a39c9c; font-size:11px; line-height:13px; color:#fff;}
#footer .cards{ float:right;}
#footer a{ color:#fff;}
#footer .menu{ padding-bottom:3px;}
#footer .menu a{ color:#fff; text-decoration:none; margin-right: 15px;}
#footer .menu a:hover{ text-decoration:underline;}


/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#010101;}

.currencies{ float:right; padding:10px 13px 5px 10px; background:url(../images/top-separ.gif) no-repeat 0 11px; text-transform:lowercase; color:#464545;}
.currencies select{ width:81px; color:#a4a4a4; font-size:11px; text-transform:none; vertical-align:middle;}


.pagination { font-size: 12px; margin-right: 20px; float: right; }
.breadcrumbs { border: 2px solid #ddd; margin-right: 13px; margin-bottom: 8px; padding: 5px; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
.top-cat { margin-left: 4px; margin-right: 7px; margin-bottom: 0px; }
.book { margin-left: -3px; margin-right: 7px; margin-bottom: 0px; border-width: 1px; }


/* ============================= slider ======================= */
.kwicks {
    /* recommended styles for kwicks ul container */
    list-style: none;
    position: relative;
    margin: 0 0 32px 0;
    padding: 0;
    overflow:hidden;
    width:940px;
    height:324px;
}
.kwicks li{
    /* these are required, but the values are up to you (must be pixel) */
    width: 114px;
    height: 324px;
    /*do not change these */
    display: block;
    overflow: hidden;
    padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
    cursor:pointer;
	border-right:solid 1px #ebebeb;
	border-left:solid 1px #ebebeb;
}
.kwicks li.active {
	border:none;
}
.kwicks li a img{ position:relative; left:-35px;}
.kwicks li.active a img{
	left:0;
}




.kwicks.horizontal li {
    /* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
    margin-right: 0; /*Set to same as spacing option. */
    float: left;
}

.search-title {margin:0 0 10px 0;}
